section,aside,body,span,div,ul,li,a {
  box-sizing: border-box;
}

:root {
  --border-color: #3f4443;
  --border-radius: 7px;
  --box-shadow: 0 0 10px -4px rgba(0, 0, 0, .19);
  --background-color:#202020;
  --background-color—hover:#373636c6;
  --background-color—hover—hover:#2e2e2eb6;
  --background-color—hover—black:#242323b6;
  --background-radius: 10px;
  --aside-radius: 10px 0 0 10px;
  --body-padding:0px;
  --aside-left:#202020;
  --color-normal: #ffffff;
  --color-normal-sub: #757a81;
  --color-normal-menu: #a2a7ae;
  --color-primary: #d44e7d;
  --color-w-primary: #d44e7d;
  --width-aside: 40px;
  --height-header: 40px;
  --hover1:rgba(255,255,255,0.09);
  --hover2:rgba(140,140,140,0.08);
  --light-hover:rgba(255,255,255,0.1);
  --light-hover-deep:rgba(255,255,255,0.5);
  --light-hover-deep2:rgba(255,255,255,0.3);
}

html,body,#app {
  height: 100%;
}

body {
  font-family: PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  background-size: auto 100%;
  background-position: center center;
  background-repeat: no-repeat;
  
  //background-color: rgba(255,255,255,0.5); 
  
  //background-color: #869c90;
  background-image: url("../assets/images/bg.jpg");
  //background: url('https://p9.itc.cn/q_70/images03/20210919/bb7466e86b3542a9a4b0fae63b5ec695.gif');
  //backdrop-filter: blur(10px);
  
}
#app{
  position: relative;
  transform-style: preserve-3d;
}

#app::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  //  background-color: rgba(255,255,255,0.8);
  //  filter: blur(10px);
  //  -webkit-backdrop-filter: brightness(150%) blur(30px);
  //  backdrop-filter: brightness(150%) blur(30px);

    background-color: transparent;
    backdrop-filter: blur(40px);
    // border-right: 2px solid rgba(255, 255, 255, .2);
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}
 

* {
  // 滚动条美化
  &::-webkit-scrollbar {
    width: 0px;
  }
  &::selection {
    background-color: transparent;
    }
  -moz-user-select: none; /*火狐*/
  -webkit-user-select: none; /*webkit浏览器*/
  -ms-user-select: none; /*IE10*/
  -khtml-user-select: none;
  user-select: none;

  &::-webkit-scrollbar-thumb {
    border-radius: 2px;
    height: 7px !important;
    background: var(--el-color-primary-light-2); // 滑动条
  }

  &::-webkit-scrollbar-track {
    background-color: transparent; // 条背景
  }
  -webkit-user-select:none;
  -moz-user-select:none;

}

.mouse-drag-bar {
  -webkit-app-region: drag;
}

.user-select-none {
  user-select: none;
  -webkit-user-select: none;
}

.animate-rotate {
  animation: animate-rotate linear infinite 5s;
}

@keyframes animate-rotate {
  0% {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(180deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.on_move{
  -webkit-app-region: drag;
}
.on_nomove{
 -webkit-app-region: no-drag;
}

.xiaoshou{
  cursor: pointer
}
.refreshIcon180 {
  transform: rotate(180deg);
  transition: all 0.3s; 
}
.refreshIcon90 {
  transform: rotate(90deg);
  transition: all 0.3s; 
}
.refreshIcon0 {
  transition: all 0.3s; 
}

.xuanzhuan{
  animation: rotate 3s infinite linear;
}
@keyframes rotate {
  from {
  transform: rotate(0deg);
  }
  to {
  transform: rotate(360deg);
  }
}

@keyframes overScroll{
  0%{
      transform: translateX(0);
  }
  90%{
      transform: translateX(62vw);
  }
  100%{
      transform: translateX(60vw);
  }
}
@keyframes page_up{
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-100px);
  }
}

.page_up{
  position: relative;
  top: 100px;
  transform: translateY(-100px);
  animation: page_up 0.2s cubic-bezier(0.55, 0, 0.1, 1);
}

@keyframes out-circle-swoop {
  from {
    clip-path: var(--circle-top-left-in);
  }
  to {
    clip-path: var(--circle-bottom-left-out);
  }
}

@keyframes in-circle-swoop {
  from {
    clip-path: var(--circle-bottom-left-out);
  }
  to {
    clip-path: var(--circle-top-left-in);
  }
}
[transition-style="in:custom:circle-swoop"] {
  --transition__duration: 0.5s;
  animation-name: in-circle-swoop;
}

[transition-style="out:custom:circle-swoop"] {
  --transition__duration: 0.5s;
  animation-name: out-circle-swoop;
}

.scrolling-text {
  overflow: hidden;
  white-space: nowrap;
  width: 180px;
  margin-bottom: 10px;
  text-overflow: ellipsis;
}
 
.scrolling-text span {
  // display: inline-block;
  // padding-left: 0%;
  // animation: marquee 5s linear infinite; /* 调整动画时长和效果 */
  // animation-direction: alternate;
}
 
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}